/**
 * Created by He Jianjun on 2016/12/5.
 */
selector(function () {
  //定义容器的高 == 浏览器可视区域的高
  selector('.container')[0].style.height = document.documentElement.clientHeight + 'px';

  // 定义 Content 的高 == 浏览器可视区域的高 - 三排按钮的高
  selector('.content')[0].style.height = selector('.container')[0].offsetHeight - selector('.fristRow')[0].offsetHeight - selector('.secondRow')[0].offsetHeight + 'px'; // - 35
  // - selector('.thirdRow')[0].offsetHeight

  var on = true;
  selector('.close')[0].onclick = function () {

    if( on ){
      selector('.secondRow')[0].style.height = document.documentElement.clientHeight - selector('.mind2')[0].offsetHeight + 'px';
      selector('.secondRow')[0].style.bottom = '0';
      selector('.mind')[0].style.display = 'block';
      selector('.mind2')[0].style.display = 'block';
      selector('.mind')[0].style.height = document.documentElement.clientHeight - 172 + 'px';
      on = false;
    }else{
      //  alert('hello');
      selector('.mind')[0].style.display = 'none';
      selector('.mind2')[0].style.display = 'none';
      on = true;
    }
  }

  console.log( selector('.mind2')[0].offsetHeight );
  console.log( getComputedStyle(selector('.mind2')[0], 'height') );
})